<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/semantic/semantic.min.css}"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
</head>
<body>
<div class="layui-form">
    <table class="layui-table">
        <colgroup>
            <col width="150">
            <col width="150">
            <col width="200">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>员工编号</th>
            <th>员工姓名</th>
            <th>员工类型</th>
            <th>员工工作</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="info : ${model}" >
            <td th:text="${info.getStaffId()}"></td>
            <td th:text="${info.getStaffName()}"></td>
            <td th:if="${info.getStaffType()} eq '3'">主管</td>
            <td th:if="${info.getStaffType()} eq '0'">学徒员工</td>
            <td th:if="${info.getStaffType()} eq '1'">熟手员工</td>
            <td>模型</td>
        </tr>
        <tr th:each="info : ${render}" >
            <td th:text="${info.getStaffId()}"></td>
            <td th:text="${info.getStaffName()}"></td>
            <td th:if="${info.getStaffType()} eq '3'">主管</td>
            <td th:if="${info.getStaffType()} eq '0'">学徒员工</td>
            <td th:if="${info.getStaffType()} eq '1'">熟手员工</td>
            <td>渲染</td>
        </tr>
        <tr th:each="info : ${last}" >
            <td th:text="${info.getStaffId()}"></td>
            <td th:text="${info.getStaffName()}"></td>
            <td th:if="${info.getStaffType()} eq '3'">主管</td>
            <td th:if="${info.getStaffType()} eq '0'">学徒员工</td>
            <td th:if="${info.getStaffType()} eq '1'">熟手员工</td>
            <td>后期</td>
        </tr>
        </tbody>
    </table>
</div>
<script type="text/javascript" th:src="@{/js/jquery-3.4.1.min.js}"></script>
<script type="text/javascript" th:src="@{/semantic/semantic.min.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/js/upload.js}"></script>
<script th:inline="javascript">

    layui.use(['form', 'layedit', 'laydate'], function () {
        const form = layui.form;
    });
</script>